.switch {
  width: 114rpx;
  height: 57rpx;
  opacity: 1;
  background: #cdd3d5;
  border-radius: 29rpx;
  position: relative;
  &::after {
    content: "";
    position: absolute;
    top: 13rpx;
    left: 13rpx;
    border-radius: 100%;
    transition: all .3s;
    width: 31rpx;
    height: 31rpx;
    background-color: #fff;
  }
  &.is-checked {
    background: #4DD659;
    &::after {
      right: 13rpx;
      left: auto;
    }
    .switch-label {
      text-align: left;
    }
  }
  .switch-label {
    color: #ffffff;
    font-size: 22rpx;
    line-height: 57rpx;
    padding: 0 16rpx;
    text-align: right;
  }
}